
<div class="brand-logo">
  <div class="jcarousel-skin-tango">
    <div class="jcarousel-container jcarousel-container-horizontal" style="position: relative; display: block;">
      <div class="jcarousel-clip jcarousel-clip-horizontal" style="overflow: hidden; position: relative;">
        <div id="carousel<?php echo $module; ?>" class="owl-carousel jcarousel-list jcarousel-list-horizontal" style="overflow: hidden; position: relative; top: 0px; margin: 0px; padding: 0px;">
  <?php foreach ($banners as $banner) { ?>
  <div class="item text-center">
    <?php if ($banner['link']) { ?>
    <a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive" /></a>
    <?php } else { ?>
    <img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive" />
    <?php } ?>
  </div>
  <?php } ?>
</div></div>
<div class="jcarousel-prev jcarousel-prev-horizontal prev_carousel" style="display: block;"></div>
<div class="jcarousel-next jcarousel-next-horizontal next_carousel" style="display: block;"></div>

</div></div></div>

<script type="text/javascript"><!--
var owlOne_carousel = $("#carousel<?php echo $module; ?>");
$('#carousel<?php echo $module; ?>').owlCarousel({
	items: 6,
	autoPlay: 3000
	// navigation: true,
	// navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
	// pagination: true
});

$(".next_carousel").click(function(){
        owlOne_carousel.trigger('owl.next');
    });
    $(".prev_carousel").click(function(){
        owlOne_carousel.trigger('owl.prev');
    });

--></script>